import React, { Component } from 'react'
import Footer from '../../components/footer'
import './personalData.scss'
import { Button } from 'antd-mobile'
import { NavLink } from 'react-router-dom'

class Com extends Component {
    render() {
        return (
            <div className="container">
                <div className="box">
                    <div className="personalSet_content">
                        <header>
                            <NavLink to="/users/set">
                                <img src="/images/user/personalSet/jiantou.png" alt="" />
                            </NavLink>
                            <p>个人资料</p>
                        </header>
                        <div className="scroll_box">
                            <div className="list">
                                <div>
                                    <p>头像</p>
                                    <span>
                                        <span><img src="/images/user/touxiang.png" alt="" style={{width:".29rem",height:".29rem",margin:"0"}} /></span>
                                        <img src="/images/user/personalSet/right.png" alt="" />
                                    </span>
                                </div>
                                <div>
                                    <p>昵称</p>
                                    <span>
                                        <span style={{color:"#333333"}}>8181665646</span>
                                        <img src="/images/user/personalSet/right.png" alt="" />
                                    </span>
                                </div>
                                <div>
                                    <p>姓名</p>
                                    <span>
                                        <span>方便对您的称呼</span>
                                        <img src="/images/user/personalSet/right.png" alt="" />
                                    </span>
                                </div>
                                <div>
                                    <p>手机号</p>
                                    <span>
                                        <span style={{color:"#333333"}}>123****8888</span>
                                        <img src="/images/user/personalSet/right.png" alt="" />
                                    </span>
                                </div>
                                <div>
                                    <p>邮箱</p>
                                    <span>
                                        <span>接受出团通知书</span>
                                        <img src="/images/user/personalSet/right.png" alt="" />
                                    </span>
                                </div>
                                <div>
                                    <p>微信号</p>
                                    <span>
                                        <span>请填写</span>
                                        <img src="/images/user/personalSet/right.png" alt="" />
                                    </span>
                                </div>
                                <div>
                                    <p>生日</p>
                                    <span>
                                        <span>收获生日惊喜</span>
                                        <img src="/images/user/personalSet/right.png" alt="" />
                                    </span>
                                </div>
                                <div>
                                    <p>性别</p>
                                    <span>
                                        <span>方便对您称呼</span>
                                        <img src="/images/user/personalSet/right.png" alt="" />
                                    </span>
                                </div>
                                <div>
                                    <p>常住地</p>
                                    <span>
                                        <span>为您推荐身边旅游产品</span>
                                        <img src="/images/user/personalSet/right.png" alt="" />
                                    </span>
                                </div>
                                <div>
                                    <p>婚姻</p>
                                    <span>
                                        <span>为您推荐合适旅游产品</span>
                                        <img src="/images/user/personalSet/right.png" alt="" />
                                    </span>
                                </div>
                                <div>
                                    <p>职业</p>
                                    <span>
                                        <span>请选择</span>
                                        <img src="/images/user/personalSet/right.png" alt="" />
                                    </span>
                                </div>
                                <div>
                                    <p>学历</p>
                                    <span>
                                        <span>请选择</span> 
                                        <img src="/images/user/personalSet/right.png" alt="" />
                                    </span>
                                </div>
                            </div>
                            <Button style={{ backgroundColor: "#3cd578", width: "3.49rem", height: ".415rem", fontSize: "16px", color: "#fff", margin: "0 auto", marginTop: " .20rem" }} >保存</Button>

                        </div>


                    </div>
                </div>
                <Footer />
            </div>
        )
    }
}

export default Com